﻿<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>小米官网</title>
    <link rel="stylesheet" href="./iconfont/iconfont.css" />
    <link rel="stylesheet" href="./iconfont/other/iconfont.css" />
    <link rel="stylesheet" href="./iconfont/demo.css" />
    <link rel="stylesheet" href="./css/style.css" />
  </head>
  <body>
    <!-- header start -->
    <header>
      <!-- nav start -->
      <div class="topBanner"></div>
      <div class="nav">
        <div class="navCenter">
          <ul>
            <li><a href="#">小米商城</a><span>|</span></li>
            <li><a href="#">MIUI</a><span>|</span></li>
            <li><a href="#">米聊</a><span>|</span></li>
            <li><a href="#">游戏</a><span>|</span></li>
            <li><a href="#">多看阅读</a><span>|</span></li>
            <li><a href="#">云服务</a><span>|</span></li>
            <li><a href="#">金融</a><span>|</span></li>
            <li><a href="#">小米商城移动版</a><span>|</span></li>
            <li><a href="#">问题反馈</a><span>|</span></li>
            <li><a href="#">Select Region</a></li>
          </ul>
          <div class="login">
            <ul>
              <li>
                <a href="#">登录<span>|</span></a>
                <a href="#">注册<span>|</span></a>
                <a href="#">消息通知</a>
              </li>
            </ul>
            <div class="shoppingCart">
              <i class="iconfont icon-iconfontgouwuche"></i>购物车( 0 )
            </div>
          </div>
        </div>
      </div>
      <!-- nav end -->
      <!-- logoNav start -->
      <div class="logoNav clearfix">
        <div class="logo">
          <img src="./images/1-top/logo.jpg" alt="" />
        </div>
        <ul>
          <li><a href="#">小米手机</a></li>
          <li><a href="#">红米</a></li>
          <li><a href="#">平板 · 笔记本</a></li>
          <li><a href="#">电视</a></li>
          <li><a href="#">盒子 · 影音</a></li>
          <li><a href="#">路由器</a></li>
          <li><a href="#">智能硬件</a></li>
          <li><a href="#">服务</a></li>
          <li><a href="#">社区</a></li>
        </ul>
        <div class="serach">
          <div class="hotwords">
            <a href="#">小米MIX</a>
            <a href="#">小米电视3s 48英寸</a>
          </div>
          <input type="search" name="" id="" />
          <input
            class="iconfont"
            type="submit"
            value="&#xe605;
          "
          />
        </div>
      </div>
    </header>
    <!-- logoNav end -->
    <!-- 轮播图开始 -->
    <div class="banner">
      <ul class="bannerPic">
        <li><img src="./images/2-轮播栏/banner1.jpg" alt="" /></li>
        <li><img src="./images/2-轮播栏/banner2.jpg" alt="" /></li>
        <li><img src="./images/2-轮播栏/banner3.jpg" alt="" /></li>
        <li><img src="./images/2-轮播栏/banner4.jpg" alt="" /></li>
        <li><img src="./images/2-轮播栏/banner5.jpg" alt="" /></li>
        <li><img src="./images/2-轮播栏/banner1.jpg" alt="" /></li>
      </ul>
      <div class="bannerDot">
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
      </div>
      <div class="menu">
        <ul>
          <li><a href="#">手机 电话卡</a><span>&gt;</span></li>
          <li><a href="#">笔记本 平板</a><span>&gt;</span></li>
          <li><a href="#">电视 盒子</a><span>&gt;</span></li>
          <li><a href="#">路由器 智能硬件</a><span>&gt;</span></li>
          <li><a href="#">移动电源 电池 插线板</a><span>&gt;</span></li>
          <li><a href="#">耳机 音响</a><span>&gt;</span></li>
          <li><a href="#">保护套 贴膜</a><span>&gt;</span></li>
          <li><a href="#">线材 支架 存储卡</a><span>&gt;</span></li>
          <li><a href="#">箱包 服饰</a><span>&gt;</span></li>
          <li><a href="#">米兔 生活周边</a><span>&gt;</span></li>
        </ul>
      </div>
      <span class="arrow leftArrow iconfont">&#xe601;</span>
      <span class="arrow rightArrow iconfont">&#xe66b;</span>
    </div>
    <!-- 轮播图结束 -->
    <!-- 图片栏开始 -->
    <div class="suggest">
      <ul class="app">
        <li><i class="iconfont icon-xuangoushouji"></i>选购手机</li>
        <li><i class="iconfont icon-liwu"></i>企业团购</li>
        <li><i class="iconfont icon-yiyuanzhongchou"></i>一元活动</li>
        <li><i class="iconfont icon-sim"></i>小米移动</li>
        <li><i class="iconfont icon-huan"></i>以旧换新</li>
        <li><i class="iconfont icon-card04"></i>话费充值</li>
      </ul>
      <ul class="suggestImg">
        <li><img src="./images/2-轮播栏/1.jpg" alt="" /></li>
        <li><img src="./images/2-轮播栏/2.jpg" alt="" /></li>
        <li><img src="./images/2-轮播栏/3.jpg" alt="" /></li>
      </ul>
    </div>
    <!-- 图片栏结束 -->
    <!-- 明星单品开始 -->
    <div class="star">
      <div class="tittle">
        <h2>小米明星单品</h2>
        <span class="minArrow iconfont icon-rightjiantou"></span>
        <span class="minArrow iconfont icon-jiantouzuo"></span>
      </div>
      <ul>
        <li>
          <div><img src="./images/3-明星单品/1.png" alt="" /></div>
          <div class="description">
            <h3>小米手机5 64GB</h3>
            <p>四轴防抖相机，能刷公交卡、银行卡</p>
            <h4>1799元</h4>
          </div>
        </li>
        <li>
          <div><img src="./images/3-明星单品/2.png" alt="" /></div>
          <div class="description">
            <h3>小米电视3s 48英寸</h3>
            <p>原装液晶屏，金属机身</p>
            <h4>2599元</h4>
          </div>
        </li>
        <li>
          <div><img src="./images/3-明星单品/3.png" alt="" /></div>
          <div class="description">
            <h3>小米移动电源2</h3>
            <p>双向快冲，高密度锂聚合物电芯</p>
            <h4>79元</h4>
          </div>
        </li>
        <li>
          <div><img src="./images/3-明星单品/4.png" alt="" /></div>
          <div class="description">
            <h3>小米手环2</h3>
            <p>OLED显示屏幕，升级计步算法</p>
            <h4>149元</h4>
          </div>
        </li>
        <li>
          <div><img src="./images/3-明星单品/5.png" alt="" /></div>
          <div class="description">
            <h3>米家扫地机器人</h3>
            <p>智能路径规划，扫得干净扫得快</p>
            <h4>1699元</h4>
          </div>
        </li>
      </ul>
    </div>
    <!-- 明星单品结束 -->
    <!-- 产品分类开始 -->
    <div class="mainbody">
      <div class="smart">
        <div class="title">
          <h2>智能硬件</h2>
          <p>查看全部<i class="iconfont icon-jiankuohaoyuanyoufill"></i></p>
        </div>
        <div class="aside">
          <img src="./images/4-智能硬件/aside.jpg" alt="" />
        </div>
        <ul class="list">
          <li>
            <img src="./images/4-智能硬件/1.jpg" alt="" />
            <div class="description">
              <h3>小米VR眼镜</h3>
              <p>配备9轴体感手柄，硬件级加速抗眩晕</p>
              <h4>199元</h4>
            </div>
          </li>
          <li>
            <img src="./images/4-智能硬件/2.jpg" alt="" />
            <div class="description">
              <h3><h3>米兔儿童手表Q</h3></h3>
              <p>2月28日，买即送5元送智能配件券</p>
              <h4>299元</h4>
            </div>
          </li>
          <li>
            <img src="./images/4-智能硬件/3.jpg" alt="" />
            <div class="description">
              <h3>米兔智能故事机</h3>
              <p>微信远程互动，只能语音交互</p>
              <h4>199元</h4>
            </div>
          </li>
          <li>
            <img src="./images/4-智能硬件/4.jpg" alt="" />
            <div class="description">
              <h3>米家压力IH电饭锅</h3>
              <p>智能烹饪，灰铸铁粉体涂层内胆</p>
              <h4>999元</h4>
            </div>
          </li>
          <li>
            <img src="./images/4-智能硬件/5.jpg" alt="" />
            <div class="description">
              <h3>小米米家电动滑板车</h3>
              <p>极简几何设计，1分钟轻松上手</p>
              <h4>1999元</h4>
            </div>
          </li>
          <li>
            <img src="./images/4-智能硬件/6.jpg" alt="" />
            <div class="description">
              <h3>米兔积木机器人</h3>
              <p>978个零件，享受挑战双手的乐趣</p>
              <h4>499元</h4>
            </div>
          </li>
          <li>
            <img src="./images/4-智能硬件/7.jpg" alt="" />
            <div class="description">
              <h3>米家小白智能摄像机</h3>
              <p>360°全景拍摄，1080P高清摄像</p>
              <h4>399元</h4>
            </div>
          </li>
          <li>
            <img src="./images/4-智能硬件/8.png" alt="" />
            <div class="description">
              <h3>米兔定位电话</h3>
              <p>高清双向通话，五重精准定位</p>
              <h4>169元</h4>
            </div>
          </li>
        </ul>
      </div>
      <div class="collocation">
        <div class="title">
          <h2>搭配</h2>
          <div class="other">
            <ul>
              <li><a href="#">热门</a></li>
              <li><a href="#">耳机音响</a></li>
              <li><a href="#">电源</a></li>
              <li><a href="#">电池存储卡</a></li>
            </ul>
          </div>
        </div>
        <div class="aside">
          <ul>
            <li><img src="./images/5-搭配/aside1.jpg" alt="" /></li>
            <li><img src="./images/5-搭配/aside2.jpg" alt="" /></li>
          </ul>
        </div>
        <ul class="list">
          <li>
            <img src="./images/5-搭配/1.jpg" alt="" />
            <div class="description">
              <h3>20000mAh小米移动电源2</h3>
              <h4>149元</h4>
              <p>3910人评价</p>
            </div>
          </li>
          <li>
            <img src="./images/5-搭配/2.jpg" alt="" />
            <div class="description">
              <h3>小米网络音响</h3>
              <h4>399元</h4>
              <p>2894人评价</p>
            </div>
          </li>
          <li>
            <img src="./images/5-搭配/3.jpg" alt="" />
            <div class="description">
              <h3>小米圈铁耳机Pro</h3>
              <h4>149元</h4>
              <p>6182人评价</p>
            </div>
          </li>
          <li>
            <img src="./images/5-搭配/4.jpg" alt="" />
            <div class="description">
              <h3>小米活塞耳机 清新版</h3>
              <h4>29元</h4>
              <p>1.4万人评价</p>
            </div>
          </li>
          <li>
            <img src="./images/5-搭配/5.jpg" alt="" />
            <div class="description">
              <h3>小米移动电源10000mAh...</h3>
              <h4>149元</h4>
              <p>1320人评价</p>
            </div>
          </li>
          <li>
            <img src="./images/5-搭配/6.jpg" alt="" />
            <div class="description">
              <h3>小米小钢炮蓝牙音响2</h3>
              <h4>129元</h4>
              <p>1.3万人评价</p>
            </div>
          </li>
          <li>
            <img src="./images/5-搭配/7.jpg" alt="" />
            <div class="description">
              <h3>小米蓝牙耳机青春版</h3>
              <h4>59元</h4>
              <p>1.1万人评价</p>
            </div>
          </li>
          <li class="more">
            <div class="moreTop">
              <div class="description">
                <h3>小米圈铁耳...</h3>
                <h4>99元</h4>
              </div>
              <img src="./images/5-搭配/8.jpg" alt="" />
            </div>
            <div class="moreBottom">
              <div class="description">
                <p>浏览更多</p>
                <span>热门</span>
                <i class="iconfont icon-jiantou-copy"></i>
              </div>
            </div>
          </li>
        </ul>
      </div>
      <div class="accessories">
        <div class="title">
          <h2>配件</h2>
          <div class="other">
            <ul>
              <li><a href="#">热门</a></li>
              <li><a href="#">保护套</a></li>
              <li><a href="#">贴膜</a></li>
              <li><a href="#">其他配件</a></li>
            </ul>
          </div>
        </div>
        <div class="aside">
          <ul>
            <li><img src="./images/6-配件/aside1.jpg" alt="" /></li>
            <li><img src="./images/6-配件/aside2.png" alt="" /></li>
          </ul>
        </div>
        <ul class="list">
          <li>
            <span class="discount flag">享6折</span>
            <img src="./images/6-配件/1.jpg" alt="" />
            <div class="description">
              <h3>小米手机4c 小米4c 智能...</h3>
              <h4>29元 <span>49元</span></h4>
              <p>3910人评价</p>
            </div>
          </li>
          <li>
            <img src="./images/6-配件/2.jpg" alt="" />
            <div class="description">
              <h3>小米指环支架</h3>
              <h4>19元</h4>
              <p>2894人评价</p>
            </div>
          </li>
          <li>
            <span class="discount flag">享6折</span>
            <img src="./images/6-配件/3.jpg" alt="" />
            <div class="description">
              <h3>红米4高配版 翻盖保护套</h3>
              <h4>29元<span>49元</span></h4>
              <p>6182人评价</p>
            </div>
          </li>
          <li>
            <span class="new flag">新品</span>
            <img src="./images/6-配件/4.jpg" alt="" />
            <div class="description">
              <h3>红米NOTE 4X 红迷Note 4...</h3>
              <h4>19元<span>49元</span></h4>
              <p>1.4万人评价</p>
            </div>
          </li>
          <li>
            <span class="new flag">新品</span>
            <img src="./images/6-配件/5.jpg" alt="" />
            <div class="description">
              <h3>红米NOTE 4X 红迷Note 4...</h3>
              <h4>19元</h4>
              <p>1320人评价</p>
            </div>
          </li>
          <li>
            <img src="./images/6-配件/6.jpg" alt="" />
            <div class="description">
              <h3>红米Note4 标准高透贴膜</h3>
              <h4>19元</h4>
              <p>1.3万人评价</p>
            </div>
          </li>
          <li>
            <img src="./images/6-配件/7.jpg" alt="" />
            <div class="description">
              <h3>小米自拍杆(线控版)</h3>
              <h4>49元</h4>
              <p>1.1万人评价</p>
            </div>
          </li>
          <li class="more">
            <div class="moreTop">
              <div class="description">
                <h3>小米5s Plus...</h3>
                <h4>19元</h4>
              </div>
              <img src="./images/6-配件/8.jpg" alt="" />
            </div>
            <div class="moreBottom">
              <div class="description">
                <p>浏览更多</p>
                <span>热门</span>
                <i class="iconfont icon-jiantou-copy"></i>
              </div>
            </div>
          </li>
        </ul>
      </div>
      <div class="peripheral">
        <div class="title">
          <h2>周边</h2>
          <div class="other">
            <ul>
              <li><a href="#">热门</a></li>
              <li><a href="#">保护套</a></li>
              <li><a href="#">贴膜</a></li>
              <li><a href="#">其他配件</a></li>
            </ul>
          </div>
        </div>
        <div class="aside">
          <ul>
            <li><img src="./images/7-周边/aside1.jpg" alt="" /></li>
            <li><img src="./images/7-周边/aside2.jpg" alt="" /></li>
          </ul>
        </div>
        <ul class="list">
          <li>
            <span class="freeShipping flag">免邮费</span>
            <img src="./images/7-周边/1.jpg" alt="" />
            <div class="description">
              <h3>90分旅行箱 24寸</h3>
              <h4>349元</h4>
            </div>
          </li>
          <li>
            <img src="./images/7-周边/2.jpg" alt="" />
            <div class="description">
              <h3>最生活浴巾·青春系列</h3>
              <h4>99元</h4>
              <p>2894人评价</p>
            </div>
          </li>
          <li>
            <span class="discount flag">享9.4折</span>
            <img src="./images/7-周边/3.jpg" alt="" />
            <div class="description">
              <h3>8H标准乳胶枕</h3>
              <h4>149元 <span>159元</span></h4>
              <p>6182人评价</p>
            </div>
          </li>
          <li>
            <span class="discount flag">享8折</span>
            <img src="./images/7-周边/4.jpg" alt="" />
            <div class="description">
              <h3>经典连帽休闲卫衣</h3>
              <h4>109元 <span>149元</span></h4>
              <p>1.4万人评价</p>
            </div>
          </li>
          <li>
            <span class="new flag">新品</span>
            <img src="./images/7-周边/5.jpg" alt="" />
            <div class="description">
              <h3>米家签字笔</h3>
              <h4>14.9元</h4>
            </div>
          </li>
          <li>
            <img src="./images/7-周边/6.jpg" alt="" />
            <div class="description">
              <h3>红米Note4 标准高透贴膜</h3>
              <h4>19元</h4>
              <p>1.3万人评价</p>
            </div>
          </li>
          <li>
            <img src="./images/7-周边/7.jpg" alt="" />
            <div class="description">
              <h3>防雾霾口罩</h3>
              <h4>16元</h4>
              <p>1.3万人评价</p>
            </div>
          </li>
          <li class="more">
            <div class="moreTop">
              <div class="description">
                <h3>变形金刚特...</h3>
                <h4>169元</h4>
              </div>
              <img src="./images/7-周边/8.jpg" alt="" />
            </div>
            <div class="moreBottom">
              <div class="description">
                <p>浏览更多</p>
                <span>热门</span>
                <i class="iconfont icon-jiantou-copy"></i>
              </div>
            </div>
          </li>
        </ul>
      </div>
      <div class="forYou">
        <div class="title">
          <h2>为你推荐</h2>
          <span class="minArrow iconfont icon-rightjiantou"></span>
          <span class="minArrow iconfont icon-jiantouzuo"></span>
        </div>
        <ul class="singgleList list">
          <li>
            <img src="./images/8-为你推荐/1.jpg" alt="" />
            <div class="decription">
              <h3>小米笔记本Air 13.3英寸</h3>
              <h4>4999元</h4>
              <p>7229人好评</p>
            </div>
          </li>
          <li>
            <img src="./images/8-为你推荐/2.jpg" alt="" />
            <div class="decription">
              <h3>小米电视3s 65英寸 影院版</h3>
              <h4>6999元</h4>
            </div>
          </li>
          <li>
            <img src="./images/8-为你推荐/3.jpg" alt="" />
            <div class="decription">
              <h3>小方智能摄像机</h3>
              <h4>129元</h4>
              <p>2361人好评</p>
            </div>
          </li>
          <li>
            <img src="./images/8-为你推荐/4.jpg" alt="" />
            <div class="decription">
              <h3>10000mAh小米移动电源2</h3>
              <h4>79元</h4>
              <p>2.5万人好评</p>
            </div>
          </li>
          <li>
            <img src="./images/8-为你推荐/5.jpg" alt="" />
            <div class="decription">
              <h3>小米网络音响</h3>
              <h4>399元</h4>
              <p>2894人好评</p>
            </div>
          </li>
        </ul>
      </div>
      <div class="hot">
        <div class="title">
          <h2>热评产品</h2>
        </div>
        <ul class="doubleList">
          <li>
            <img src="./images/9-热评产品/1.jpg" alt="" />
            <div class="comment">
              <p>
                好评!!好评!!好评!!好评!!好评!!好评!!好评!!好评!!好评!!好评评!!好评!!好评!!好评!!好评!!好评!!好评!!
              </p>
              <p>来自 客户 的评价</p>
              <p>小米净水器 | <span>149元</span></p>
            </div>
          </li>
          <li>
            <img src="./images/9-热评产品/2.jpg" alt="" />
            <div class="comment">
              <p>
                包装很让人感动包装很让人感动包装很让人感动包装很让人包装很让人感动包装很让人感动包装很让人感动包装很让人感动
              </p>
              <p>来自 HZG 的评价</p>
              <p>米家压力IH电饭锅 | <span>999元</span></p>
            </div>
          </li>
          <li>
            <img src="./images/9-热评产品/3.jpg" alt="" />
            <div class="comment">
              <p>好评!!好评!!好评!!好评!!好评!!好评!!好评!!好评!!好评!!好评!!</p>
              <p>来自 客户 的评价</p>
              <p>小米90分旅行箱 | <span>249元</span></p>
            </div>
          </li>
          <li>
            <img src="./images/9-热评产品/4.jpg" alt="" />
            <div class="comment">
              <p>
                样子可爱样子可爱样子可爱样子可爱样子可爱样子可爱样子可爱样子可爱可爱样子可爱样子可爱
              </p>
              <p>来自 随风 的评价</p>
              <p>米家小白智能摄像机 | <span>399元</span></p>
            </div>
          </li>
        </ul>
      </div>
      <div class="content">
        <div class="title">
          <h2>内容</h2>
        </div>
        <ul class="doubleList">
          <li>
            <h5>图书</h5>
            <h6>哈利波特与混血王子</h6>
            <p>哈利波特第八个故事中文版震撼来<br />袭!特变彩排剧本</p>
            <span>29.37元</span><img src="./images/10-内容/1.png" alt="" />
            <div class="dot"><span></span><span></span><span></span><span></span></div>
          </li>
          <li>
            <h5>MIUI 主题</h5>
            <h6>我心澎湃</h6>
            <p>小米松果芯片即将发布,我心澎湃官<br />方主题强劲登场!</p>
            <span>29.0米币</span><img src="./images/10-内容/2.jpg" alt="" />
            <div class="dot"><span></span><span></span><span></span><span></span></div>
          </li>
          <li>
            <h5>游戏</h5>
            <h6>米柚手游模拟器</h6>
            <p>在电脑上玩遍小米所有手游</p>
            <span>29.5元</span><img src="./images/10-内容/3.png" alt="" />
            <div class="dot"><span></span><span></span><span></span><span></span></div>
          </li>
          <li>
            <h5>应用</h5>
            <h6>2017金米奖</h6>
            <p>最优秀的应用和游戏</p>
            <span></span><img src="./images/10-内容/4.png" alt="" />
            <div class="dot"><span></span><span></span><span></span><span></span></div>
          </li>
        </ul>
      </div>
      <div class="video">
        <div class="title">
          <h2>视频</h2>
          <p>查看全部 <span class="iconfont icon-jiankuohaoyuanyoufill"></span></p>
        </div>
        <ul>
          <li>
            <img src="./images/11-视频/1.jpg" alt="" />
            <h3>红米Note 4X 环岛挑战</h3>
            <p>看看我们关于超长续航的疯狂想法</p>
          </li>
          <li>
            <img src="./images/11-视频/2.jpg" alt="" />
            <h3>小米之家里发生了一件怪事</h3>
            <p>小米之家里发生了一件怪事</p>
          </li>
          <li>
            <img src="./images/11-视频/3.jpg" alt="" />
            <h3>小米MIX 概念手机背后的故事</h3>
            <p>雷总亲自讲述小米MIX的诞生</p>
          </li>
          <li>
            <img src="./images/11-视频/4.jpg" alt="" />
            <h3>一面科技，一面艺术</h3>
            <p>梁朝伟讲述双面人生</p>
          </li>
        </ul>
      </div>
    </div>
    <!-- 产品分类结束 -->

    <!-- header end -->
    <!-- 尾部开始 -->
    <footer>
      <div class="aboutBG">
        <div class="about">
          <div class="policy">
            <ul>
              <li><i class="icon-editor2"></i><i>预约维修服务</i></li>
              <li><i class="iconfont icon-7tian"></i><i>预约维修服务</i></li>
              <li><i class="iconfont icon-15tianmianfeihuanhuo24px"></i><i>7天无理由退货</i></li>
              <li><i class="iconfont icon-liwu"></i><i>15天免费换货</i></li>
              <li><i class="iconfont icon-dibiao"></i><i>520余家售后网点</i></li>
            </ul>
            <div class="survey">
              <dl>
                <dt>帮助中心</dt>
                <dd><a href="#">账户管理</a></dd>
                <dd><a href="#">购物指南</a></dd>
                <dd><a href="#">订单操作</a></dd>
              </dl>
              <dl>
                <dt>服务支持</dt>
                <dd><a href="#">售后政策</a></dd>
                <dd><a href="#">自助服务</a></dd>
                <dd><a href="#">相关下载</a></dd>
              </dl>
              <dl>
                <dt>线下门店</dt>
                <dd><a href="#">小米之家</a></dd>
                <dd><a href="#">服务网点</a></dd>
                <dd><a href="#">零售网点</a></dd>
              </dl>
              <dl>
                <dt>关于小米</dt>
                <dd><a href="#">了解小米</a></dd>
                <dd><a href="#">加入小米</a></dd>
                <dd><a href="#">联系我们</a></dd>
              </dl>
              <dl>
                <dt>关注我们</dt>
                <dd><a href="#">新浪微博</a></dd>
                <dd><a href="#">小米部落</a></dd>
                <dd><a href="#">官方微信</a></dd>
              </dl>
              <dl>
                <dt>特色服务</dt>
                <dd><a href="#">F码通道</a></dd>
                <dd><a href="#">礼物码</a></dd>
                <dd><a href="#">防伪查询</a></dd>
              </dl>
              <div class="contact">
                <h2>400-100-5678</h2>
                <p>周一至周日 8:00-18:00 <br />仅收市话费</p>
                <span><i class="iconfont icon-tubiao07"></i>24小时在线客服</span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="copy">
        <div class="bottomLogo">
          <img src="./images/12-底部/logo-footer.png" alt="logo" />
        </div>
        <div class="link">
          <a href="#">小米商城</a> | <a href="#">MIUI</a> | <a href="#">米聊</a> |
          <a href="#">多看书城</a> | <a href="#">小米路由器</a> | <a href="#">视频电话</a> |
          <a href="#">企业团购</a> | <a href="#">小米天猫店</a> | <a href="#">小米淘宝直营店</a> |
          <a href="#">小米网盟</a>
          <a href="#">Select Region</a><br />
          ©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134 京网文[2014]0059-0009号
          <br />
          违法和不良信息举报电话：186-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
        </div>
        <div class="vertify">
          <img src="./images/12-底部/truste.png" alt="" />
          <img src="./images/12-底部/v-logo-1.png" alt="" />
          <img src="./images/12-底部/v-logo-2.png" alt="" />
          <img src="./images/12-底部/v-logo-3.png" alt="" />
        </div>
      </div>
      <div class="slogan"><img src="./images/12-底部/slogan2016.png" alt="" /></div>
    </footer>
    <!-- 尾部结束 -->
  </body>
</html>
